<!--Double navigation-->
<header>
    <!-- Sidebar navigation -->
    <div id="slide-out" class="side-nav fixed">
        <ul class="custom-scrollbar">
            <!-- Logo -->
            <li>
                <div class="logo-wrapper waves-light">
                    <a href="#"><img src="https://media.xfunction.cn/web/images/trans-black-full-logo.png" class="img-fluid flex-center"></a>
                </div>
            </li>
            <!--/. Logo -->
            <!-- Side navigation links -->
            <li>
                <ul class="collapsible collapsible-accordion">
                    <li><a href="@@relatepath/html/index.html" target="_blank" class="collapsible-header waves-effect arrow-r"><i
                                    class="fas fa-home"></i> 首页 </a></li>
                    <li><a class="collapsible-header waves-effect arrow-r"><i class="fas fa-link"></i> 短链接工具 <i
                                    class="fas fa-angle-down rotate-icon"></i></a>
                        <div class="collapsible-body">
                            <ul>
                                <li><a href="@@relatepath/html/shortLink/index.html" class="waves-effect">短链接生成</a>
                                </li>
                                <li><a href="@@relatepath/html/shortLink/decode.html" class="waves-effect">短链接还原</a>
                                </li>
                            </ul>
                        </div>
                    </li>

                    <li><a class="collapsible-header waves-effect arrow-r"><i class="far fa-edit"></i> 市场工具
                                <i class="fas fa-angle-down rotate-icon"></i></a>
                        <div class="collapsible-body">
                            <ul>
                                <li><a href="@@relatepath/tools/questionnaire-list" class="waves-effect">问卷调查</a>
                                </li>
                                <li><a href="@@relatepath/tools/ginfo-list" class="waves-effect">信息表单</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a class="collapsible-header waves-effect arrow-r"><i class="fas fa-bullhorn"></i> 活动工具
                                <i class="fas fa-angle-down rotate-icon"></i></a>
                        <div class="collapsible-body">
                            <ul>
                                <li><a href="@@relatepath/activity/public/public-list" class="waves-effect">公开活动</a>
                                </li>
                                <li><a href="@@relatepath/activity/my/entry-list" class="waves-effect">我的报名</a>
                                </li>
                                <li><a href="@@relatepath/activity/my/activity-list" class="waves-effect">我的活动</a>
                                </li>

                            </ul>
                        </div>
                    </li>
                    <li><a href="@@relatepath/tools/rotate" target="_blank" class="collapsible-header waves-effect arrow-r"><i
                                    class="fas fa-spinner fa-spin"></i> 幸运大转盘 </a></li>
                    <li><a class="collapsible-header waves-effect arrow-r"><i class="fas fa-bullhorn"></i> 帮助
                                <i class="fas fa-angle-down rotate-icon"></i></a>
                        <div class="collapsible-body">
                            <ul>
                                <li><a href="@@relatepath/activity/my/entry-lottery/1" class="waves-effect">抽奖demo</a>
                                </li>
                                <li><a href="@@relatepath/activity/my/checkin-demo" class="waves-effect">签到墙demo</a>
                                </li>
                                <li><a href="@@relatepath/tools/questionnaire-public/2" class="waves-effect">意见反馈</a>
                                </li>

                            </ul>
                        </div>
                    </li>
                </ul>
            </li>
            <!--/. Side navigation links -->
        </ul>
        <div style="    position: absolute;   text-align: center;     bottom: 0px; width: 100%;">
            <a href="http://www.beian.miit.gov.cn" target="_blank" style="font-size: 14px; font-weight: 500; color: black; padding: 0;">沪ICP备19021195号-2</a>
        </div>
        <div class="sidenav-bg mask-strong"></div>
    </div>
    <!--/. Sidebar navigation -->
    <!-- Navbar -->
    <nav class="navbar fixed-top navbar-toggleable-md navbar-expand-lg scrolling-navbar double-nav">
        <!-- SideNav slide-out button -->
        <div class="float-left">
            <a href="#" data-activates="slide-out" class="button-collapse"><i class="fas fa-bars"></i></a>
        </div>
        <!-- Breadcrumb-->
        <div class="breadcrumb-dn mr-auto">
            <p></p>
        </div>
        <ul class="nav navbar-nav nav-flex-icons ml-auto">
            <li class="nav-item" id="noLogin">
                <a class="nav-link" href="@@relatepath/user/my"><i class="fas fa-user"></i> <span
                            class="clearfix d-none d-sm-inline-block">登录</span></a>
            </li>
            <li class="nav-item dropdown" id="logined">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <i class="fas fa-user"></i>
                </a>
                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
                    <a class="dropdown-item" href="@@relatepath/user/my">基本信息</a>
                    <a class="dropdown-item" href="#" onclick="logout()">登出</a>
                </div>
            </li>
        </ul>
    </nav>
    <!-- /.Navbar -->
</header>
<!--/.Double navigation-->